<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>公租房项目</title>
    <link rel="stylesheet" href="../../../css/sm.min.css">
    <link rel="stylesheet" href="../../../css/house.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_449666_0hr75ygm31fqd7vi.css">
</head>
<body>
<div class="page-group">
    <div class="page page-current" id="page-repairinfo">
        <!--底部菜单-->
        <nav class="bar bar-tab">
            <a class="tab-item" href="../../fabu/">
                <span class="icon iconfont icon-fabu"></span>
                <span class="tab-label">微发布</span>
            </a>
            <a class="tab-item active" href="../../fuwu/">
                <span class="icon iconfont icon-fuwu"></span>
                <span class="tab-label">微服务</span>
            </a>
            <a class="tab-item" href="../../zhishi/">
                <span class="icon icon-computer"></span>
                <span class="tab-label">微知识</span>
            </a>
        </nav>
        <!--内容区-->
        <div class="content">
            <!--banner-->
            <!--页面具体内容-->
            <section class="page-menus list-block users-info">
                <h3 class="tits"><i class="iconfont icon-wuyebaoxiu"></i>请填写房屋维修信息</h3>
                <ul>
                    <!-- inputs/维修类型 -->
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon iconfont icon-weixiuleixing"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">维修类型</div>
                                <div class="item-input">
                                    <select name="" id="repair-type">
                                        <option value="dd">ds</option>
                                        <option value="dd">dsb</option>
                                        <option value="dd">dsa</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- inputs/维修内容 -->
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon iconfont icon-loudong"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">维修内容</div>
                                <div class="item-input">
                                    <textarea name="" id="repair-con"
                                              placeholder="请准确填写报修具体位置、损坏情况。例：卧室与卫生间共用墙的裙角处，出现墙面起层脱灰。"></textarea>
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- inputs/联系人 -->
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon iconfont icon-ren"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">联系人</div>
                                <div class="item-input">
                                    <input type="text" name="" id="username" placeholder="请输入姓名">
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- inputs/联系电话 -->
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon iconfont icon-lianxidianhua"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">联系电话</div>
                                <div class="item-input">
                                    <input type="number" name="" id="userphone" placeholder="请输入手机号码">
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>

                <!-- 上传图片 -->
                <div class="add-pics">
                    <div class="upload-icon">
                        <i class="iconfont icon-shangchuantupian"></i>
                        <span>上传图片</span>
                    </div>
                    <div class="upload-thumbnail-box">
                        <span class="tips">图片上传预览区域</span>
                        <ul class="upload-thumbnail">
                            <li class="ImgPview"></li>
                        </ul>
                    </div>
                </div>

                <a href="#" class="button button-big button-round  btn-userinfo btn-repinfo">提交维修信息</a>
            </section>
            <!--页面具体内容end-->

            <!--版权说明-->
            <p class="copyright">版权所有&copy;襄阳市公共租赁房管理局</p>

        </div>

    </div>
</div>


<script type="text/javascript" src="../../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../../js/sm.min.js"></script>
<script type="text/javascript" src="../../../js/house.js"></script>
</body>
</html>
